<template>
  <div>
    <h1>我是女儿组件</h1>
    <p @click="change">{{ renminbi }}</p>
  </div>
</template>

<script>
export default {
  //子组件接受父组件的写法[props]:
  //字符串:String 数字:Number 布尔值:Boolean  数组:Array  函数：Function 对象Object ...
  //第一种写法数组 props:['renminbi','updateMoney']-----这种写法常用
  //第二种写法对象 props:{属性名:数据类型}
  //第三种写法如下:下面这种写法
  props: {
    //renminbi属性
    renminbi: {
      //相应属性的属性值类型
      type: Number,
      //父组件如果这个属性没有传递数值,会使用default右侧数值
      //父组件传递了这个属性，使用父亲的数据！！！
      default: -99,
      //代表父组件务必传递这个属性 true:代表务必要传递  false:可以不传递
      required: false,
    },
    //updateMoney方法
    updateMoney: {
      type: Function,
      required: true,
    },
  },
  methods: {
    change() {
      this.updateMoney();
    },
  },
};
</script>

<style scoped>
div {
  width: 600px;
  height: 300px;
  background: hotpink;
  margin: 30px auto;
}
</style>